<div class="container" >

  <!-- Headline -->
  <div class="sixteen columns" >
    <h3 class="headline">Latest Articles</h3>
    <span class="line margin-bottom-30"></span>
  </div>

  <!-- Post #1 -->
  <div class="four columns">
    <article class="from-the-blog">

      <figure class="from-the-blog-image">
        <a href="blog-single-post.html"><img src="__IMG__/from_the_blog_01.jpg" alt="" /></a>
        <div class="hover-icon"></div>
      </figure>

      <section class="from-the-blog-content">
        <a href="blog-single-post.html"><h5>Amazon Raises Threshold for Free Shipping</h5></a>
        <i>By Vasterad on May 31, 2014</i>
        <span>Pellentesque ultricies vehicula eleifend. Aenean eu nunc semper faucibus sapien viverra.</span>
        <a href="blog-single-post.html" class="button gray">Read More</a>
      </section>

    </article>
  </div>

  <!-- Post #2 -->
  <div class="four columns">
    <article class="from-the-blog">

      <figure class="from-the-blog-image">
        <a href="blog-single-post.html"><img src="__IMG__/from_the_blog_02.jpg" alt="" /></a>
        <div class="hover-icon"></div>
      </figure>

      <section class="from-the-blog-content">
        <a href="blog-single-post.html"><h5>How To Read The Symbols on Your Clothing Tags</h5></a>
        <i>By Vasterad on May 16, 2014</i>
        <span>Morbi quis magna nec lacus nunc eratu pharetra lorem sed sapien velit adipiscing. </span>
        <a href="blog-single-post.html" class="button gray">Read More</a>
      </section>

    </article>
  </div>

  <!-- Post #3 -->
  <div class="four columns">
    <article class="from-the-blog">

      <figure class="from-the-blog-image">
        <a href="blog-single-post.html"><img src="__IMG__/from_the_blog_03.jpg" alt="" /></a>
        <div class="hover-icon"></div>
      </figure>

      <section class="from-the-blog-content">
        <a href="blog-single-post.html"><h5>Online Shopping Hit New Highs on Mobile Sales</h5></a>
        <i>By Vasterad on May 10, 2014</i>
        <span>Donec non egestas nisl. Aliquam tincidunt sem sed nisl dictum. Fusce gravida arius gravida.</span>
        <a href="blog-single-post.html" class="button gray">Read More</a>
      </section>

    </article>
  </div>

  <!-- Post #4 -->
  <div class="four columns">
    <article class="from-the-blog">

      <figure class="from-the-blog-image">
        <a href="blog-single-post.html"><img src="__IMG__/from_the_blog_04.jpg" alt="" /></a>
        <div class="hover-icon"></div>
      </figure>

      <section class="from-the-blog-content">
        <a href="blog-single-post.html"><h5>How to Choose Size - Does Your Shirt Fit Properly?</h5></a>
        <i>By Vasterad on April 20, 2014</i>
        <span>Nullam eget ante cursus, dignissim velit sit amet, tempus massa bibendum venenatis.</span>
        <a href="blog-single-post.html" class="button gray">Read More</a>
      </section>

    </article>
  </div>

</div>
